navidonskis / silverstripe-language-editor

import {join, normalize} from 'path';

import gulp from 'gulp';

import sourceMaps from 'gulp-sourcemaps';

import autoprefixer from 'gulp-autoprefixer';

import babel from 'gulp-babel';

import concat from 'gulp-concat';

import uglify from 'gulp-uglify';

import sass from 'gulp-sass';

import browserify from 'gulp-browserify';

import babelify from 'babelify';

export const ROOT_DIR = normalize(join(__dirname));

export const CONFIG = {

    JS: {

        INPUT: [

            'app.js'

        ],

        OUTPUT: 'app.js'

    },

    DIR: {

        SRC: 'src',

        DIST: 'assets',

        JS: 'javascript',

        CSS: 'styles'

    },

    BROWSERS: [

        'ie >= 10',

        'ie_mob >= 10',

        'ff >= 30',

        'chrome >= 34',

        'safari >= 7',

        'opera >= 23',

        'ios >= 7',

        'android >= 4.4',

        'bb >= 10'

    ]

};

    return gulp.src(`${CONFIG.DIR.SRC}/${CONFIG.DIR.CSS}/**/*.{sass,scss}`)

        .pipe(

            sass({

                outputStyle: 'compressed'

            }).on('error', sass.logError)

        )

        .pipe(autoprefixer(CONFIG.BROWSERS))

        .pipe(gulp.dest(`${CONFIG.DIR.DIST}/${CONFIG.DIR.CSS}`));

};

gulp.task('javascript', () => javascript(CONFIG.JS.INPUT.map(item => {

    return join(CONFIG.DIR.SRC, CONFIG.DIR.JS, item);

}), CONFIG.JS.OUTPUT));

gulp.task('styles', () => styles());

gulp.task('default', ['javascript', 'styles']);

gulp.task('watch', ['default', 'javascript', 'styles'], () => {

    gulp.watch(`${CONFIG.DIR.SRC}/${CONFIG.DIR.JS}/**/*.js`, ['javascript']);

    gulp.watch(`${CONFIG.DIR.SRC}/${CONFIG.DIR.CSS}/**/*.{sass,scss}`, ['styles']);